<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作用域</title>
</head>
<body>
<p>
    变量的作用域,我们前面讲过,这里在归纳讲解下 <br>
    1_JavaScript基础/7_函数/7_函数_变量作用域.html
</p>
<hr>

<h3>作用域</h3>
<p>
    作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问， <br>
    作用域分为： <br>
    局部作用域 <br>
    全局作用域
</p>
<hr>

<h3>局部作用域</h3>
<p>
    局部作用域分为函数作用域和块作用域。
</p>
<h4>1. 函数作用域</h4>
<p>
    在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。 <br>
    总结： <br>
    1. 函数内部声明的变量，在函数外部无法被访问 <br>
    2. 函数的参数也是函数内部的局部变量 <br>
    3. 不同函数内部声明的变量无法互相访问 <br>
    4. 函数执行完毕后，函数内部的变量实际被清空了 (垃圾回收机制)
</p>
<h4>2. 块作用域</h4>
<p>
    在 JavaScript 中使用 { } 包裹的代码称为代码块，代码块内部声明的变量外部将【有可能】无法被访问。 <br>
    总结： <br>
    1. let 声明的变量会产生块作用域，var 不会产生块作用域 <br>
    2. const 声明的常量也会产生块作用域 <br>
    3. 不同代码块之间的变量无法互相访问 <br>
    4. 推荐使用 let 或 cons
</p>
<hr>

<h3> 全局作用域</h3>
<p>
    script 标签 和 .js 文件 的【最外层】就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。 <br>
    全局作用域中声明的变量，任何其它作用域都可以被访问
</p>
<p>
    注意： <br>
    1. 为 window 对象动态添加的属性默认也是全局的，不推荐！ <br>
    2. 函数中未使用任何关键字声明的变量为全局变量，不推荐！！！ <br>
    3. 尽可能少的声明全局变量，防止全局变量被污染
</p>

</body>
</html>